@echo off
chcp 65001 >nul
echo ========================================
echo   微应用显示问题快速修复
echo ========================================
echo.

echo 步骤1: 检查端口占用情况...
echo.

echo 检查端口8080 (主应用)...
netstat -ano | findstr :8080
if %errorlevel% equ 0 (
    echo 端口8080已被占用，请先关闭占用该端口的程序
    pause
    exit /b 1
)

echo 检查端口3000 (React子应用)...
netstat -ano | findstr :3000
if %errorlevel% equ 0 (
    echo 端口3000已被占用，请先关闭占用该端口的程序
    pause
    exit /b 1
)

echo 检查端口3001 (Vue子应用)...
netstat -ano | findstr :3001
if %errorlevel% equ 0 (
    echo 端口3001已被占用，请先关闭占用该端口的程序
    pause
    exit /b 1
)

echo.
echo 端口检查完成，所有端口都可用
echo.

echo 步骤2: 清理缓存...
echo 清理npm缓存...
call npm cache clean --force

echo 清理node_modules...
if exist node_modules (
    rmdir /s /q node_modules
)
if exist main-app/node_modules (
    rmdir /s /q main-app/node_modules
)
if exist react-app/node_modules (
    rmdir /s /q react-app/node_modules
)
if exist vue-app/node_modules (
    rmdir /s /q vue-app/node_modules
)

echo.
echo 步骤3: 重新安装依赖...
echo 安装根目录依赖...
call npm install

echo 安装主应用依赖...
cd main-app
call npm install
cd ..

echo 安装React子应用依赖...
cd react-app
call npm install
cd ..

echo 安装Vue子应用依赖...
cd vue-app
call npm install
cd ..

echo.
echo ========================================
echo   修复完成！
echo ========================================
echo.
echo 现在请按以下步骤操作：
echo.
echo 1. 打开三个命令提示符窗口
echo 2. 在第一个窗口中运行: cd react-app && npm run dev
echo 3. 在第二个窗口中运行: cd vue-app && npm run dev  
echo 4. 在第三个窗口中运行: npm run dev
echo.
echo 5. 等待所有应用启动完成
echo 6. 访问 http://localhost:8080
echo 7. 点击"简单测试"按钮进行测试
echo.
echo 如果仍有问题，请查看浏览器控制台的错误信息
echo.
pause 